<template>
  <j-modal
    :title="title"
    :width="width"
    :visible="visible"
    :confirmLoading="confirmLoading"
    v-bind:prefixNo="prefixNo"
    fullscreen
    switchHelp
    switchFullscreen
    @cancel="handleCancel"
    :id="prefixNo"
    :style="modalStyle"
  >
    <template slot="footer">
      <a-button key="back" @click="handleCancel">取消</a-button>
      <a-button type="primary" :loading="confirmLoading" @click="handleOk">保存（Ctrl+S）</a-button>
    </template>
    <a-spin :spinning="confirmLoading">
      <a-form :form="form">
        <a-tabs default-active-key="1" size="small">
          <a-tab-pane key="1" tab="基本信息" id="materialHeadModal" forceRender>
            <a-row class="form-row" :gutter="24">
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="名称"
                  data-step="1"
                  data-title="名称"
                  data-intro="名称必填，可以重复"
                >
                  <a-input
                    placeholder="请输入名称"
                    v-decorator.trim="['productName', validatorRules.productName]"
                    @change="handleNameChange"
                  />
                </a-form-item>
              </a-col>
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="编号"
                  data-step="1"
                  data-title="编号"
                  data-intro="编号不可重复"
                >
                  <a-input
                    placeholder="请输入编号"
                    v-decorator.trim="['productNo', validatorRules.productNo]"
                    @change="handleNameChange"
                  />
                </a-form-item>
              </a-col>
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="规格型号"
                  data-step="2"
                  data-title="规格型号"
                >
                  <a-input
                    placeholder="请输入规格型号"
                    v-decorator.trim="['specificationModel', validatorRules.specificationModel]"
                  />
                </a-form-item>
              </a-col>
              <!-- <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="型号"
                  data-step="3"
                  data-title="型号"
                  data-intro="型号是比规格更小的属性，比如：RX-01"
                >
                  <a-input placeholder="请输入型号" v-decorator.trim="['model', validatorRules.model]" />
                </a-form-item>
              </a-col> -->
              <a-col :md="6" :sm="24">
                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单位" data-step="4" data-title="单位">
                  <a-row class="form-row" :gutter="24">
                    <a-col :lg="15" :md="15" :sm="24" style="padding: 0px 0px 0px 12px">
                      <a-input placeholder="输入单位" v-decorator.trim="['unit', validatorRules.unit]" />
                      <!-- <a-select :value="unitList" placeholder="选择多单位" v-decorator="[ 'unitId', validatorRules.unitId ]" @change="manyUnitOnChange"
                        showSearch optionFilterProp="children" v-if="unitChecked" :dropdownMatchSelectWidth="false">
                        <div slot="dropdownRender" slot-scope="menu">
                          <v-nodes :vnodes="menu" />
                          <a-divider style="margin: 4px 0;" />
                          <div style="padding: 4px 8px; cursor: pointer;"
                               @mousedown="e => e.preventDefault()" @click="addUnit"><a-icon type="plus" /> 新增多单位</div>
                        </div>
                        <a-select-option v-for="(item,index) in unitList"
                          :key="index" :value="item.id">
                          {{ item.name }}
                        </a-select-option>
                      </a-select> -->
                    </a-col>
                    <!-- <a-col :lg="9" :md="9" :sm="24" style="padding: 0px; text-align: center">
                      <a-checkbox :checked="unitChecked" @change="unitOnChange">多单位</a-checkbox>
                    </a-col> -->
                  </a-row>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row class="form-row" :gutter="24">
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="品牌"
                  data-step="6"
                  data-title="品牌"
                  data-intro="请填写商品的品牌，方便区别不同品牌的商品"
                >
                  <a-input placeholder="请输入品牌" v-decorator.trim="['brand']" />
                </a-form-item>
              </a-col>
              <!-- <a-col :md="6" :sm="24">
                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="助记码" data-step="7" data-title="助记码"
                             data-intro="助记码自动生成，助记码是商品名称的首字母缩写">
                  <a-input placeholder="" v-decorator.trim="[ 'mnemonic' ]" :readOnly="true" />
                </a-form-item>
              </a-col> -->
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="类别"
                  data-step="8"
                  data-title="类别"
                  data-intro="类别需要在【商品类别】页面进行录入，录入之后在此处进行调用"
                >
                  <a-tree-select
                    style="width: 100%"
                    :dropdownStyle="{ maxHeight: '200px', overflow: 'auto' }"
                    allow-clear
                    :treeData="categoryTree"
                    v-decorator="['categoryId', validatorRules.categoryId]"
                    placeholder="请选择类别"
                  >
                  </a-tree-select>
                </a-form-item>
              </a-col>
            </a-row>
            <a-row class="form-row" :gutter="24">
              <!-- <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="基础重量"
                  data-step="9"
                  data-title="基础重量"
                  data-intro="请填写基本单位对应的重量，用于计算按重量分摊费用时单据中各行商品分摊的费用成本"
                >
                  <a-input-number style="width: 100%" placeholder="请输入基础重量(kg)" v-decorator.trim="['weight']" />
                </a-form-item>
              </a-col> -->
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="保质期"
                  data-step="10"
                  data-title="保质期"
                  data-intro="保质期指的是商品的保质期(天)，主要针对带生产日期的，此类商品一般有批号"
                >
                  <a-input-number style="width: 100%" placeholder="请输入保质期(天)" v-decorator.trim="['expiryNum']" />
                </a-form-item>
              </a-col>
              <!-- <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="仓位货架"
                  data-step="11"
                  data-title="仓位货架"
                  data-intro="仓位货架指的是仓库中的仓位和货架号，主要适用于仓库较大的场景，方便查找商品的准确位置"
                >
                  <a-input style="width: 100%" placeholder="请输入仓位货架" v-decorator.trim="['position']" />
                </a-form-item>
              </a-col> -->
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="默认供应商"
                  data-step="12"
                  data-title="默认供应商"
                  data-intro="请填写商品的默认供应商"
                >
                  <a-select
                    placeholder="请选择默认供应商"
                    v-decorator.trim="['defaultSupplierId', validatorRules.defaultSupplierId]"
                  >
                    <a-select-option v-for="i in supplierList" :key="i" :value="i.id">{{ i.name }}</a-select-option>
                  </a-select>
                </a-form-item>
              </a-col>
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="期初数量"
                  data-step="9"
                  data-title="期初数量"
                >
                  <a-input-number
                    style="width: 100%"
                    placeholder="请输入期初数量"
                    v-decorator.trim="['initialQuantity']"
                  />
                </a-form-item>
              </a-col>
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="单位成本"
                  data-step="9"
                  data-title="单位成本"
                >
                  <a-input-number style="width: 100%" placeholder="请输入单位成本" v-decorator.trim="['unitCost']" />
                </a-form-item>
              </a-col>
            </a-row>
            <a-row class="form-row" :gutter="24">
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="预计采购价"
                  data-step="9"
                  data-title="预计采购价"
                >
                  <a-input-number
                    style="width: 100%"
                    placeholder="请输入预计采购价"
                    v-decorator.trim="['estimatedPurchasePrice']"
                  />
                </a-form-item>
              </a-col>
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="最高采购价"
                  data-step="9"
                  data-title="最高采购价"
                >
                  <a-input-number
                    style="width: 100%"
                    placeholder="请输入最高采购价"
                    v-decorator.trim="['highestPurchasePrice']"
                  />
                </a-form-item>
              </a-col>
              <!-- <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="最新采购价"
                  data-step="9"
                  data-title="最新采购价"
                >
                  <a-input-number
                    style="width: 100%"
                    placeholder="请输入最新采购价"
                    v-decorator.trim="['latestPurchasePrice']"
                  />
                </a-form-item>
              </a-col> -->
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="最低销售价"
                  data-step="9"
                  data-title="最低销售价"
                >
                  <a-input-number
                    style="width: 100%"
                    placeholder="请输入最低销售价"
                    v-decorator.trim="['lowestSalesPrice']"
                  />
                </a-form-item>
              </a-col>
            </a-row>

            <a-row class="form-row" :gutter="24">
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="期初总价"
                  data-step="9"
                  data-title="期初总价"
                >
                  <a-input-number
                    style="width: 100%"
                    placeholder="请输入期初总价"
                    v-decorator.trim="['initialTotalPrice']"
                  />
                </a-form-item>
              </a-col>
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="最低库存"
                  data-step="9"
                  data-title="最低库存"
                >
                  <a-input-number
                    style="width: 100%"
                    placeholder="请输入最低库存"
                    v-decorator.trim="['minimumStock']"
                  />
                </a-form-item>
              </a-col>
              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="是否启用"
                  data-step="9"
                  data-title="是否启用"
                >
                  <a-switch default-checked @change="onChangeS" />
                </a-form-item>
              </a-col>

              <a-col :md="6" :sm="24">
                <a-form-item
                  :labelCol="labelCol"
                  :wrapperCol="wrapperCol"
                  label="是否常用"
                  data-step="9"
                  data-title="是否常用"
                >
                  <a-switch default-checked @change="isCommon = !isCommon" />
                </a-form-item>
              </a-col>
            </a-row>

            <a-row class="form-row" :gutter="24">
              <a-col :lg="24" :md="24" :sm="24">
                <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label="">
                  <a-textarea :rows="1" placeholder="请输入备注" v-decorator="['remark']" style="margin-top: 8px" />
                </a-form-item>
              </a-col>
            </a-row>
          </a-tab-pane>
          <!-- <a-tab-pane key="2" tab="扩展信息" forceRender>
            <a-row v-if="mpShort.otherField1.enabled" class="form-row" :gutter="24">
              <a-col :lg="6" :md="6" :sm="6">
                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="mpShort.otherField1.name">
                  <a-input v-decorator.trim="[ 'otherField1' ]" />
                </a-form-item>
              </a-col>
            </a-row>
            <a-row v-if="mpShort.otherField2.enabled" class="form-row" :gutter="24">
              <a-col :lg="6" :md="6" :sm="6">
                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="mpShort.otherField2.name">
                  <a-input v-decorator.trim="[ 'otherField2' ]" />
                </a-form-item>
              </a-col>
            </a-row>
            <a-row v-if="mpShort.otherField3.enabled" class="form-row" :gutter="24">
              <a-col :lg="6" :md="6" :sm="6">
                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="mpShort.otherField3.name">
                  <a-input v-decorator.trim="[ 'otherField3' ]" />
                </a-form-item>
              </a-col>
            </a-row>
          </a-tab-pane> -->
          <!-- <a-tab-pane key="3" tab="库存数量" forceRender>
            <j-editable-table
              ref="editableDepotTable"
              :loading="depotTable.loading"
              :columns="depotTable.columns"
              :dataSource="depotTable.dataSource"
              :minWidth="1000"
              :maxHeight="300"
              :rowNumber="true"
              :rowSelection="false"
              :actionButton="false">
              <template #buttonAfter>
                <a-button style="margin: 0px 0px 8px 0px" @click="batchSetStock('initialQuantity')">期初库存-批量</a-button>
                <a-button style="margin-left: 8px" @click="batchSetStock('minimumStock')">最低安全库存-批量</a-button>
               <a-button style="margin-left: 8px" @click="batchSetStock('highSafeStock')">最高安全库存-批量</a-button> 
              </template>
            </j-editable-table>
            表单区域
            <batch-set-stock-modal ref="stockModalForm" @ok="batchSetStockModalFormOk"></batch-set-stock-modal>
          </a-tab-pane> -->
          <a-tab-pane key="4" tab="图片信息" forceRender>
            <a-row class="form-row" :gutter="24" style="padding-top: 20px">
              <a-col :lg="18" :md="18" :sm="24">
                <a-form-item
                  :labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
                  :wrapperCol="{ xs: { span: 24 }, sm: { span: 20 } }"
                  label="图片信息"
                >
                  <j-image-upload v-model="fileList" bizPath="material" text="上传" @change="uploadImg">
                  </j-image-upload>
                </a-form-item>
              </a-col>
              <a-col :lg="6" :md="6" :sm="24"></a-col>
            </a-row>
            <a-row class="form-row" :gutter="24">
              <a-col :lg="18" :md="18" :sm="24">
                <a-form-item
                  :labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
                  :wrapperCol="{ xs: { span: 24 }, sm: { span: 20 } }"
                  label="上传提示"
                >
                  图片最多1张，且单张大小不超过1M
                </a-form-item>
              </a-col>
              <a-col :lg="6" :md="6" :sm="24"></a-col>
            </a-row>
          </a-tab-pane>
        </a-tabs>
      </a-form>
    </a-spin>
    <!-- <unit-modal ref="unitModalForm" @ok="unitModalFormOk"></unit-modal> -->
  </j-modal>
</template>
<script>
import pick from 'lodash.pick'
import BatchSetPriceModal from './BatchSetPriceModal'
import BatchSetStockModal from './BatchSetStockModal'
import UnitModal from '../../system/modules/UnitModal'
import JEditableTable from '@/components/jeecg/JEditableTable'
import { FormTypes, getRefPromise, VALIDATE_NO_PASSED, validateFormAndTables } from '@/utils/JEditableTableUtil'
import {
  checkMaterial,
  checkMaterialBarCode,
  getMaterialAttributeNameList,
  getMaterialAttributeValueListById,
  getMaxBarCode,
  queryMaterialCategoryTreeList,
  changeNameToPinYin,
  productTypeAll,
  supplierAll,
} from '@/api/api'
import { removeByVal, autoJumpNextInput, handleIntroJs } from '@/utils/util'
import { getAction, httpAction } from '@/api/manage'
import { getMaterialOne } from '@/api/api'
import JImageUpload from '@/components/jeecg/JImageUpload'
import JDate from '@/components/jeecg/JDate'
import Vue from 'vue'

export default {
  name: 'MaterialModal',
  components: {
    BatchSetPriceModal,
    BatchSetStockModal,
    UnitModal,
    JImageUpload,
    JDate,
    JEditableTable,
    VNodes: {
      functional: true,
      render: (h, ctx) => ctx.props.vnodes,
    },
  },
  data() {
    return {
      supplierList: [],
      isCommon: true,
      status: true,
      title: '操作',
      width: '1300px',
      visible: false,
      modalStyle: '',
      categoryTree: [],
      unitList: [],
      depotList: [],
      fileList: [],
      unitStatus: false,
      manyUnitStatus: true,
      unitChecked: false,
      manySkuStatus: false,
      switchDisabled: false, //开关的启用状态
      barCodeSwitch: false, //生成条码开关
      maxBarCodeInfo: '', //最大条码
      meDeleteIdList: [], //删除条码信息的id数组
      prefixNo: 'material',
      materialAttributeList: [],
      skuOneTitle: '属性1',
      skuTwoTitle: '属性2',
      skuThreeTitle: '属性3',
      skuOneList: [],
      skuTwoList: [],
      skuThreeList: [],
      manySkuSelected: 0,
      model: {},
      showOkFlag: true,
      setTimeFlag: null,
      labelCol: {
        xs: { span: 24 },
        sm: { span: 8 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 },
      },
      mpShort: {
        mfrs: {},
        otherField1: {},
        otherField2: {},
        otherField3: {},
      },
      meTable: {
        loading: false,
        dataSource: [],
        columns: [
          {
            title: '条码',
            key: 'barCode',
            width: '15%',
            type: FormTypes.input,
            defaultValue: '',
            placeholder: '请输入${title}',
            validateRules: [
              { required: true, message: '${title}不能为空' },
              { pattern: /^.{4,40}$/, message: '长度为4到40位' },
              { handler: this.validateBarCode },
            ],
          },
          {
            title: '单位',
            key: 'commodityUnit',
            width: '8%',
            type: FormTypes.input,
            defaultValue: '',
            placeholder: '请输入${title}',
            validateRules: [{ required: true, message: '${title}不能为空' }],
          },
          {
            title: '多属性',
            key: 'sku',
            width: '25%',
            type: FormTypes.input,
            defaultValue: '',
            readonly: true,
            placeholder: '请输入${title}',
          },
          {
            title: '采购价',
            key: 'purchaseDecimal',
            width: '9%',
            type: FormTypes.inputNumber,
            defaultValue: '',
            placeholder: '请输入${title}',
          },
          {
            title: '零售价',
            key: 'commodityDecimal',
            width: '9%',
            type: FormTypes.inputNumber,
            defaultValue: '',
            placeholder: '请输入${title}',
          },
          {
            title: '销售价',
            key: 'wholesaleDecimal',
            width: '9%',
            type: FormTypes.inputNumber,
            defaultValue: '',
            placeholder: '请输入${title}',
          },
          {
            title: '最低售价',
            key: 'lowDecimal',
            width: '9%',
            type: FormTypes.inputNumber,
            defaultValue: '',
            placeholder: '请输入${title}',
          },
        ],
      },
      depotTable: {
        loading: false,
        dataSource: [],
        columns: [
          {
            title: '仓库',
            key: 'name',
            width: '15%',
            type: FormTypes.normal,
          },
          {
            title: '期初库存数量',
            key: 'initialQuantity',
            width: '15%',
            type: FormTypes.inputNumber,
            defaultValue: '',
            placeholder: '请输入${title}',
          },
          {
            title: '最低安全库存数量',
            key: 'minimumStock',
            width: '15%',
            type: FormTypes.inputNumber,
            defaultValue: '',
            placeholder: '请输入${title}',
          },
          // {
          //   title: '最高安全库存数量', key: 'highSafeStock', width: '15%', type: FormTypes.inputNumber, defaultValue: '', placeholder: '请输入${title}'
          // }
        ],
      },
      confirmLoading: false,
      form: this.$form.createForm(this),
      validatorRules: {
        productNo: {
          rules: [
            { required: true, message: '请输入编号!' },
            { max: 10, message: '长度请小于10个字符', trigger: 'blur' },
          ],
        },
        productName: {
          rules: [
            { required: true, message: '请输入名称!' },
            { max: 100, message: '长度请小于100个字符', trigger: 'blur' },
          ],
        },
        specificationModel: {
          rules: [{ max: 100, message: '长度请小于100个字符', trigger: 'blur' }],
        },
        model: {
          rules: [{ max: 100, message: '长度请小于100个字符', trigger: 'blur' }],
        },
        unit: {
          rules: [{ required: true, message: '请输入单位!' }],
        },
        unitId: {
          rules: [{ required: true, message: '请选择多单位!' }],
        },
        categoryId: {
          rules: [{ required: true, message: '请选择类别!' }],
        },
        defaultSupplierId: {
          rules: [{ required: true, message: '请选择供应商!' }],
        },
      },
      url: {
        add: '/material',
        edit: '/material/update',
        materialsExtendList: '/materialsExtend/getDetailList',
        depotWithStock: '/depot/getAllListWithStock',
      },
    }
  },
  created() {
    //this.loadParseMaterialProperty()
    let realScreenWidth = window.screen.width
    this.width = realScreenWidth < 1500 ? '1200px' : '1400px'
  },
  mounted() {
    document.getElementById(this.prefixNo).addEventListener('keydown', this.handleOkKey)
    supplierAll().then((res) => {
      this.supplierList = res.data
    })
  },
  beforeDestroy() {
    document.getElementById(this.prefixNo).removeEventListener('keydown', this.handleOkKey)
  },
  methods: {
    toCategotyTree(data) {
      let res = []
      data.forEach((item) => {
        let children = []
        if (item.children != null && item.children.length != 0) {
          children = this.toCategotyTree(item.children)
          res.push({
            title: item.categoryName,
            key: item.id,
            value: item.id,
            children: children,
          })
        } else {
          res.push({
            title: item.categoryName,
            key: item.id,
            value: item.id,
          })
        }
      })
      return res
    },
    uploadImg(data) {
      this.fileList = data
    },
    onChangeS() {
      this.status = !this.status
    },
    // 快捷键
    handleOkKey(e) {
      const key = window.event.keyCode ? window.event.keyCode : window.event.which
      if (key === 83 && e.ctrlKey) {
        //保存 CTRL+S
        this.handleOk()
        e.preventDefault()
      }
    },
    // 获取所有的editableTable实例
    getAllTable() {
      let a = Promise.all([getRefPromise(this, 'editableMeTable'), getRefPromise(this, 'editableDepotTable')])
      alert('000202')
      return a
    },
    add() {
      //隐藏多属性
      this.meTable.columns[2].type = FormTypes.hidden
      // 默认新增一条数据
      // this.getAllTable().then((editableTables) => {
      //   editableTables[0].add()
      // })
      this.edit({})
      this.$nextTick(() => {
        // handleIntroJs('material', 11)
        this.form.setFieldsValue({
          lowestSalesPrice: 0,
          highestPurchasePrice: 0,
          unitCost: 0,
          estimatedPurchasePrice: 0,
          minimumStock:0
        })
      })
    },
    edit(record) {
      this.form.resetFields()
      this.activeKey = '1'
      this.manySkuSelected = 0
      this.barCodeSwitch = false
      this.manySkuStatus = false
      this.maxBarCodeInfo = ''
      this.visible = true
      this.meDeleteIdList = []
      this.modalStyle = 'top:20px;height: 95%;'
      if (JSON.stringify(record) === '{}') {
        this.fileList = []
      } else {
        getMaterialOne({ id: record.id }).then((res) => {
          this.fileList = res.data.imageUrl
          this.model = Object.assign({}, res.data)
          this.$nextTick(() => {
            this.form.setFieldsValue(
              pick(
                this.model,
                'id',
                'categoryId',
                'categoryName',
                'status',
                'productNo',
                'imageUrl',
                'productName',
                'expiryNum',
                'specificationModel',
                'defaultSupplierId',
                'defaultSupplierName',
                'brand',
                'unit',
                'currentStock',
                'initialQuantity',
                'unitCost',
                'initialTotalPrice',
                'estimatedPurchasePrice',
                'highestPurchasePrice',
                'latestPurchasePrice',
                'lowestSalesPrice',
                'minimumStock',
                'remark',
                'isCommon'
              )
            )
          })
        })
      }
      // this.initMaterialAttribute()
      this.loadTreeData()
      // this.loadUnitListData()
    },
    /** 查询条码tab的数据 */
    // requestMeTableData(url, params, tab) {
    //   tab.loading = true
    //   getAction(url, params)
    //     .then((res) => {
    //       for (let i = 0; i < res.data.rows.length; i++) {
    //         if (res.data.rows[i].sku) {
    //           this.meTable.columns[2].type = FormTypes.input
    //         } else {
    //           this.meTable.columns[2].type = FormTypes.hidden
    //         }
    //       }
    //       tab.dataSource = res.data.rows || []
    //     })
    //     .finally(() => {
    //       tab.loading = false
    //     })
    // },
    /** 查询仓库tab的数据 */
    // requestDepotTableData(url, params, tab) {
    //   tab.loading = true
    //   getAction(url, params)
    //     .then((res) => {
    //       tab.dataSource = res.data || []
    //     })
    //     .finally(() => {
    //       tab.loading = false
    //     })
    // },
    close() {
      this.$emit('close')
      this.visible = false
      this.modalStyle = ''
      this.unitStatus = false
      this.manyUnitStatus = true
      this.unitChecked = false
      // this.getAllTable().then((editableTables) => {
      //   editableTables[0].initialize()
      //   editableTables[1].initialize()
      // })
    },
    handleOk() {
      this.validateFields()
    },
    handleCancel() {
      this.close()
    },
    /** 触发表单验证 */
    validateFields() {
      // this.getAllTable()
      //   .then((tables) => {
      /** 一次性验证主表和所有的次表 */
      //validateFormAndTables(this.form, tables)
      this.form.validateFields((err, values) => {
        if (!err) {
          // 发起请求
          return this.requestAddOrEdit(values)
        }
      })
      // })
      // .then((allValues) => {
      //   alert('表单校验成功')
      //   let formData = this.classifyIntoFormData(allValues)
      // formData.sortList = []
      // if (formData.unit === undefined) {
      //   formData.unit = ''
      // }
      // if (formData.unitId === undefined) {
      //   formData.unitId = ''
      // }
      // if (this.unitChecked) {
      //   formData.unit = ''
      // } else {
      //   formData.unitId = ''
      // }
      // 发起请求
      //   return this.requestAddOrEdit(formData)
      // })
      // .catch((e) => {
      //   if (e.error === VALIDATE_NO_PASSED) {
      //     // 如果有未通过表单验证的子表，就自动跳转到它所在的tab
      //     this.activeKey = e.index == null ? this.activeKey : (e.index + 1).toString()
      //   } else {
      //     console.error(e)
      //   }
      // })
    },
    /** 整理成formData */
    classifyIntoFormData(allValues) {
      let materialMain = Object.assign(this.model, allValues.formValue)
      return {
        ...materialMain, // 展开
        meList: allValues.tablesValue[0].values,
        stock: allValues.tablesValue[1].values,
      }
    },
    /** 发起新增或修改的请求 */
    requestAddOrEdit(formData) {
      // if (formData.meList.length === 0) {
      //   this.$message.warning('抱歉，请输入条码信息！')
      //   return
      // }
      // if (formData.enableSerialNumber === '1' && formData.enableBatchNumber === '1') {
      //   this.$message.warning('抱歉，序列号和批号只能选择一项！')
      //   return
      // }
      //校验商品是否存在，通过校验商品的名称、型号、规格、颜色、单位、制造商等
      // let param = {
      //   id: this.model.id ? this.model.id : 0,
      //   name: this.model.name,
      //   model: this.parseParam(this.model.model),
      //   color: this.parseParam(this.model.color),
      //   standard: this.parseParam(this.model.standard),
      //   mfrs: this.parseParam(this.model.mfrs),
      //   otherField1: this.parseParam(this.model.otherField1),
      //   otherField2: this.parseParam(this.model.otherField2),
      //   otherField3: this.parseParam(this.model.otherField3),
      //   unit: this.parseParam(this.model.unit),
      //   unitId: this.parseParam(this.model.unitId),
      // }
      this.model.id ? (formData.id = this.model.id) : ''
      //图片校验
      if (this.fileList && this.fileList.length > 0) {
        formData.imageUrl = this.fileList
        let fileArr = this.fileList.split(',')
        if (fileArr.length > 4) {
          this.$message.warning('抱歉，商品图片不能超过4张！')
          return
        }
      } else {
        formData.imageUrl = ''
      }
      //formData.meDeleteIdList = this.meDeleteIdList
      //接口调用
      let url = this.url.add,
        method = 'put'
      formData.status = this.status ? '1' : '0'
      formData.isCommon = this.isCommon ? '1' : '0'
      if (this.model.id) {
        url = this.url.edit
        method = 'post'
      }
      const that = this
      this.confirmLoading = true
      httpAction(url, formData, method)
        .then((res) => {
          if (res.code === 200) {
            that.$emit('ok')
            that.confirmLoading = false
            that.$message.success(res.msg)
            that.close()
          } else {
            that.$message.warning(res.msg)
            that.confirmLoading = false
          }
        })
        .finally(() => {})
      // }
      // }
      // })
    },
    parseParam(param) {
      return param ? param : ''
    },
    validateBarCode(type, value, row, column, callback, target) {
      let params = {
        barCode: value,
        id: row.id.length >= 20 ? 0 : row.id,
      }
      checkMaterialBarCode(params).then((res) => {
        if (res && res.code === 200) {
          if (!res.data.status) {
            callback(true)
          } else {
            callback(false, '该条码已经存在')
          }
        } else {
          callback(false, res.data)
        }
      })
    },
    loadTreeData() {
      let that = this
      let params = {}
      params.id = ''
      productTypeAll().then((res) => {
        // that.categoryTree = this.toCategotyTree(res.data)
        that.categoryTree = res.data
      })
      // queryMaterialCategoryTreeList(params).then((res) => {
      //   if (res) {
      //     that.categoryTree = []
      //     for (let i = 0; i < res.length; i++) {
      //       let temp = res[i]
      //       that.categoryTree.push(temp)
      //     }
      //   }
      // })
    },
    loadUnitListData() {
      let that = this
      let params = {}
      params.currentPage = 1
      params.pageSize = 100
      getAction('/unit/getAllList', params).then((res) => {
        if (res) {
          that.unitList = res.data
        }
      })
    },
    onManySkuChange(value) {
      this.manySkuSelected = value.length
      //控制多属性下拉框中选择项的状态
      if (value.length < 3) {
        this.materialAttributeList.forEach((item, index, array) => {
          array.indexOf(item.value) === -1 ? Vue.set(array[index], 'disabled', false) : ''
        })
      } else {
        this.materialAttributeList.forEach((item, index, array) => {
          value.indexOf(item.value) === -1 ? Vue.set(array[index], 'disabled', true) : ''
        })
      }
      //更新属性1和属性2和属性3的下拉框
      if (value.length <= 3) {
        let skuOneId = value[0]
        let skuTwoId = value[1]
        let skuThreeId = value[2]
        this.materialAttributeList.forEach((item) => {
          if (item.value === skuOneId) {
            this.skuOneTitle = item.name
          }
          if (item.value === skuTwoId) {
            this.skuTwoTitle = item.name
          }
          if (item.value === skuThreeId) {
            this.skuThreeTitle = item.name
          }
        })
        getMaterialAttributeValueListById({ id: skuOneId }).then((res) => {
          if (res) {
            this.skuOneList = res
          }
        })
        getMaterialAttributeValueListById({ id: skuTwoId }).then((res) => {
          if (res) {
            this.skuTwoList = res
          }
        })
        getMaterialAttributeValueListById({ id: skuThreeId }).then((res) => {
          if (res) {
            this.skuThreeList = res
          }
        })
      }
      //控制条码列表中的多属性列
      if (value.length > 0) {
        this.meTable.columns[2].type = FormTypes.input
      } else {
        this.meTable.columns[2].type = FormTypes.hidden
      }
      this.barCodeSwitch = false
      this.meTable.dataSource = []
    },
    onSkuChange() {
      let skuOneData = this.form.getFieldValue('skuOne')
      let skuTwoData = this.form.getFieldValue('skuTwo')
      let skuThreeData = this.form.getFieldValue('skuThree')
      this.autoSkuList(skuOneData, skuTwoData, skuThreeData)
    },
    onSkuOneDeSelect(value) {
      let skuOneData = this.form.getFieldValue('skuOne')
      let skuTwoData = this.form.getFieldValue('skuTwo')
      let skuThreeData = this.form.getFieldValue('skuThree')
      removeByVal(skuOneData, value)
      this.autoSkuList(skuOneData, skuTwoData, skuThreeData)
    },
    onSkuTwoDeSelect(value) {
      let skuOneData = this.form.getFieldValue('skuOne')
      let skuTwoData = this.form.getFieldValue('skuTwo')
      let skuThreeData = this.form.getFieldValue('skuThree')
      removeByVal(skuTwoData, value)
      this.autoSkuList(skuOneData, skuTwoData, skuThreeData)
    },
    onSkuThreeDeSelect(value) {
      let skuOneData = this.form.getFieldValue('skuOne')
      let skuTwoData = this.form.getFieldValue('skuTwo')
      let skuThreeData = this.form.getFieldValue('skuThree')
      removeByVal(skuThreeData, value)
      this.autoSkuList(skuOneData, skuTwoData, skuThreeData)
    },
    autoSkuList(skuOneData, skuTwoData, skuThreeData) {
      let unit = this.form.getFieldValue('unit')
      if (unit) {
        //计算多属性已经选择了几个
        let skuArr = []
        if (this.getNumByField('skuOne')) {
          skuArr.push(skuOneData)
        }
        if (this.getNumByField('skuTwo')) {
          skuArr.push(skuTwoData)
        }
        if (this.getNumByField('skuThree')) {
          skuArr.push(skuThreeData)
        }
        let skuArrOne = skuArr[0]
        let skuArrTwo = skuArr[1]
        let skuArrThree = skuArr[2]
        let count = this.getNumByField('skuOne') + this.getNumByField('skuTwo') + this.getNumByField('skuThree')
        let barCodeSku = []
        if (count === 1) {
          let skuArrOnly = []
          if (this.getNumByField('skuOne')) {
            skuArrOnly = skuOneData
          } else if (this.getNumByField('skuTwo')) {
            skuArrOnly = skuTwoData
          } else if (this.getNumByField('skuThree')) {
            skuArrOnly = skuThreeData
          }
          for (let i = 0; i < skuArrOnly.length; i++) {
            barCodeSku.push(skuArrOnly[i])
          }
        } else if (count === 2) {
          for (let i = 0; i < skuArrOne.length; i++) {
            for (let j = 0; j < skuArrTwo.length; j++) {
              barCodeSku.push(skuArrOne[i] + '/' + skuArrTwo[j])
            }
          }
        } else if (count === 3) {
          for (let i = 0; i < skuArrOne.length; i++) {
            for (let j = 0; j < skuArrTwo.length; j++) {
              for (let k = 0; k < skuArrThree.length; k++) {
                barCodeSku.push(skuArrOne[i] + '/' + skuArrTwo[j] + '/' + skuArrThree[k])
              }
            }
          }
        }
        let meTableData = []
        getMaxBarCode({}).then((res) => {
          if (res && res.code === 200) {
            let maxBarCode = res.data.barCode - 0
            for (let i = 0; i < barCodeSku.length; i++) {
              let currentBarCode = maxBarCode + i + 1
              meTableData.push({ barCode: currentBarCode, commodityUnit: unit, sku: barCodeSku[i] })
            }
            this.meTable.dataSource = meTableData
          }
        })
      } else {
        this.$message.warning('请填写单位（注意不要勾选多单位）')
        this.barCodeSwitch = false
      }
    },
    getNumByField(field) {
      let num = 0
      if (this.form.getFieldValue(field)) {
        if (this.form.getFieldValue(field).length > 0) {
          num = 1
        }
      }
      return num
    },
    onAdded(event) {
      const { row, target } = event
      let unit = ''
      if (this.unitStatus == false) {
        unit = this.form.getFieldValue('unit')
      }
      if (this.maxBarCodeInfo === '') {
        getMaxBarCode({}).then((res) => {
          if (res && res.code === 200) {
            this.maxBarCodeInfo = res.data.barCode - 0
            this.maxBarCodeInfo = this.maxBarCodeInfo + 1
            target.setValues([
              { rowKey: row.id, values: { barCode: this.maxBarCodeInfo, commodityUnit: unit ? unit : '' } },
            ])
          }
        })
      } else {
        this.maxBarCodeInfo = this.maxBarCodeInfo + 1
        target.setValues([
          { rowKey: row.id, values: { barCode: this.maxBarCodeInfo, commodityUnit: unit ? unit : '' } },
        ])
      }
    },
    onDeleted(value) {
      this.meDeleteIdList = value
    },
    //单元值改变一个字符就触发一次
    onValueChange(event) {
      const { type, row, column, value, target } = event
      switch (column.key) {
        case 'purchaseDecimal':
        case 'commodityDecimal':
        case 'wholesaleDecimal':
        case 'lowDecimal':
          this.changeDecimalByValue(row)
          break
      }
    },
    //修改商品明细中的价格触发计算
    changeDecimalByValue(row) {
      let unitArr = this.unitList
      let basicUnit = '',
        otherUnit = '',
        ratio = 1,
        otherUnitTwo = '',
        ratioTwo = 1,
        otherUnitThree = '',
        ratioThree = 1
      for (let i = 0; i < unitArr.length; i++) {
        if (unitArr[i].id === this.form.getFieldValue('unitId')) {
          basicUnit = unitArr[i].basicUnit
          otherUnit = unitArr[i].otherUnit
          ratio = unitArr[i].ratio
          if (unitArr[i].otherUnitTwo) {
            otherUnitTwo = unitArr[i].otherUnitTwo
            ratioTwo = unitArr[i].ratioTwo
          }
          if (unitArr[i].otherUnitThree) {
            otherUnitThree = unitArr[i].otherUnitThree
            ratioThree = unitArr[i].ratioThree
          }
        }
      }
      if (row.commodityUnit === basicUnit) {
        this.$refs.editableMeTable.getValues((error, values) => {
          let mArr = values,
            basicPurchaseDecimal = '',
            basicCommodityDecimal = '',
            basicWholesaleDecimal = '',
            basicLowDecimal = ''
          for (let i = 0; i < mArr.length; i++) {
            let mInfo = mArr[i]
            if (i === 0) {
              basicPurchaseDecimal = mInfo.purchaseDecimal
              basicCommodityDecimal = mInfo.commodityDecimal
              basicWholesaleDecimal = mInfo.wholesaleDecimal
              basicLowDecimal = mInfo.lowDecimal
            } else {
              //副单位进行换算
              if (basicPurchaseDecimal) {
                mInfo.purchaseDecimal = (basicPurchaseDecimal * ratio).toFixed(2)
              }
              if (basicCommodityDecimal) {
                mInfo.commodityDecimal = (basicCommodityDecimal * ratio).toFixed(2)
              }
              if (basicWholesaleDecimal) {
                mInfo.wholesaleDecimal = (basicWholesaleDecimal * ratio).toFixed(2)
              }
              if (basicLowDecimal) {
                mInfo.lowDecimal = (basicLowDecimal * ratio).toFixed(2)
              }
              if (otherUnitTwo && i === 2) {
                if (basicPurchaseDecimal) {
                  mInfo.purchaseDecimal = (basicPurchaseDecimal * ratioTwo).toFixed(2)
                }
                if (basicCommodityDecimal) {
                  mInfo.commodityDecimal = (basicCommodityDecimal * ratioTwo).toFixed(2)
                }
                if (basicWholesaleDecimal) {
                  mInfo.wholesaleDecimal = (basicWholesaleDecimal * ratioTwo).toFixed(2)
                }
                if (basicLowDecimal) {
                  mInfo.lowDecimal = (basicLowDecimal * ratioTwo).toFixed(2)
                }
              }
              if (otherUnitThree && i === 3) {
                if (basicPurchaseDecimal) {
                  mInfo.purchaseDecimal = (basicPurchaseDecimal * ratioThree).toFixed(2)
                }
                if (basicCommodityDecimal) {
                  mInfo.commodityDecimal = (basicCommodityDecimal * ratioThree).toFixed(2)
                }
                if (basicWholesaleDecimal) {
                  mInfo.wholesaleDecimal = (basicWholesaleDecimal * ratioThree).toFixed(2)
                }
                if (basicLowDecimal) {
                  mInfo.lowDecimal = (basicLowDecimal * ratioThree).toFixed(2)
                }
              }
            }
          }
          this.meTable.dataSource = mArr
        })
      }
    },
    batchSetPrice(type) {
      if (this.manySkuSelected > 0 || this.model.id) {
        this.$refs.priceModalForm.add(type)
        this.$refs.priceModalForm.disableSubmit = false
      } else {
        this.$message.warning('抱歉，只有开启多属性才能进行批量操作！')
      }
    },
    batchSetStock(type) {
      this.$refs.stockModalForm.add(type)
      this.$refs.stockModalForm.disableSubmit = false
    },
    batchSetPriceModalFormOk(price, batchType) {
      let arr = this.meTable.dataSource
      if (arr.length === 0) {
        this.$message.warning('请先录入条码、单位等信息！')
      } else {
        let meTableData = []
        for (let i = 0; i < arr.length; i++) {
          let meInfo = {
            barCode: arr[i].barCode,
            commodityUnit: arr[i].commodityUnit,
            sku: arr[i].sku,
            purchaseDecimal: arr[i].purchaseDecimal,
            commodityDecimal: arr[i].commodityDecimal,
            wholesaleDecimal: arr[i].wholesaleDecimal,
            lowDecimal: arr[i].lowDecimal,
          }
          if (batchType === 'purchase') {
            meInfo.purchaseDecimal = price - 0
          } else if (batchType === 'commodity') {
            meInfo.commodityDecimal = price - 0
          } else if (batchType === 'wholesale') {
            meInfo.wholesaleDecimal = price - 0
          } else if (batchType === 'low') {
            meInfo.lowDecimal = price - 0
          }
          if (arr[i].id) {
            meInfo.id = arr[i].id
          }
          meTableData.push(meInfo)
        }
        this.meTable.dataSource = meTableData
      }
    },
    batchSetStockModalFormOk(stock, batchType) {
      let arr = this.depotTable.dataSource
      let depotTableData = []
      for (let i = 0; i < arr.length; i++) {
        let depotInfo = {
          name: arr[i].name,
          initialQuantity: arr[i].initialQuantity,
          minimumStock: arr[i].minimumStock,
          // highSafeStock: arr[i].highSafeStock
        }
        if (batchType === 'initialQuantity') {
          depotInfo.initialQuantity = stock - 0
        } else if (batchType === 'minimumStock') {
          depotInfo.minimumStock = stock - 0
        }
        //  else if (batchType === 'highSafeStock') {
        //   depotInfo.highSafeStock = stock - 0
        // }
        if (arr[i].id) {
          depotInfo.id = arr[i].id
        }
        depotTableData.push(depotInfo)
      }
      this.depotTable.dataSource = depotTableData
    },
    initMaterialAttribute() {
      getMaterialAttributeNameList().then((res) => {
        if (res) {
          this.materialAttributeList = res
        }
      })
    },
    loadParseMaterialProperty() {
      let mpList = Vue.ls.get('materialPropertyList')
      for (let i = 0; i < mpList.length; i++) {
        if (mpList[i].nativeName === '制造商') {
          this.mpShort.mfrs.name = mpList[i].anotherName
          this.mpShort.mfrs.enabled = mpList[i].enabled
        }
        if (mpList[i].nativeName === '自定义1') {
          this.mpShort.otherField1.name = mpList[i].anotherName
          this.mpShort.otherField1.enabled = mpList[i].enabled
        }
        if (mpList[i].nativeName === '自定义2') {
          this.mpShort.otherField2.name = mpList[i].anotherName
          this.mpShort.otherField2.enabled = mpList[i].enabled
        }
        if (mpList[i].nativeName === '自定义3') {
          this.mpShort.otherField3.name = mpList[i].anotherName
          this.mpShort.otherField3.enabled = mpList[i].enabled
        }
      }
    },
    handleNameChange(e) {
      // let that = this
      // if(e.target.value) {
      //   if(this.setTimeFlag != null){
      //     clearTimeout(this.setTimeFlag)
      //   }
      //   this.setTimeFlag = setTimeout(()=>{
      //     changeNameToPinYin({name: e.target.value}).then((res) => {
      //       if (res && res.code === 200) {
      //         that.form.setFieldsValue({'mnemonic':res.data})
      //       } else {
      //         that.$message.warning(res.data)
      //       }
      //     })
      //   },500)
      // } else {
      //   that.form.setFieldsValue({'mnemonic':''})
      // }
    },
    onlyUnitOnChange(e) {
      if (e.target.value) {
        //单位有填写了之后则显示多属性的文本框
        this.manySkuStatus = true
      } else {
        this.manySkuStatus = false
      }
      this.$refs.editableMeTable.getValues((error, values) => {
        let mArr = values
        for (let i = 0; i < mArr.length; i++) {
          let mInfo = mArr[i]
          mInfo.commodityUnit = e.target.value
        }
        this.meTable.dataSource = mArr
      })
    },
    manyUnitOnChange(value) {
      let unitArr = this.unitList
      let basicUnit = '',
        otherUnit = '',
        ratio = 1,
        otherUnitTwo = '',
        ratioTwo = 1,
        otherUnitThree = '',
        ratioThree = 1
      for (let i = 0; i < unitArr.length; i++) {
        if (unitArr[i].id === value) {
          basicUnit = unitArr[i].basicUnit
          otherUnit = unitArr[i].otherUnit
          ratio = unitArr[i].ratio
          if (unitArr[i].otherUnitTwo) {
            otherUnitTwo = unitArr[i].otherUnitTwo
            ratioTwo = unitArr[i].ratioTwo
          }
          if (unitArr[i].otherUnitThree) {
            otherUnitThree = unitArr[i].otherUnitThree
            ratioThree = unitArr[i].ratioThree
          }
        }
      }
      this.$refs.editableMeTable.getValues((error, values) => {
        let mArr = values,
          basicPurchaseDecimal = '',
          basicCommodityDecimal = '',
          basicWholesaleDecimal = '',
          basicLowDecimal = ''
        for (let i = 0; i < mArr.length; i++) {
          let mInfo = mArr[i]
          if (i === 0) {
            mInfo.commodityUnit = basicUnit
            basicPurchaseDecimal = mInfo.purchaseDecimal
            basicCommodityDecimal = mInfo.commodityDecimal
            basicWholesaleDecimal = mInfo.wholesaleDecimal
            basicLowDecimal = mInfo.lowDecimal
          } else {
            //副单位进行换算
            mInfo.commodityUnit = otherUnit
            if (basicPurchaseDecimal) {
              mInfo.purchaseDecimal = (basicPurchaseDecimal * ratio).toFixed(2)
            }
            if (basicCommodityDecimal) {
              mInfo.commodityDecimal = (basicCommodityDecimal * ratio).toFixed(2)
            }
            if (basicWholesaleDecimal) {
              mInfo.wholesaleDecimal = (basicWholesaleDecimal * ratio).toFixed(2)
            }
            if (basicLowDecimal) {
              mInfo.lowDecimal = (basicLowDecimal * ratio).toFixed(2)
            }
            if (otherUnitTwo && i === 2) {
              mInfo.commodityUnit = otherUnitTwo
              if (basicPurchaseDecimal) {
                mInfo.purchaseDecimal = (basicPurchaseDecimal * ratioTwo).toFixed(2)
              }
              if (basicCommodityDecimal) {
                mInfo.commodityDecimal = (basicCommodityDecimal * ratioTwo).toFixed(2)
              }
              if (basicWholesaleDecimal) {
                mInfo.wholesaleDecimal = (basicWholesaleDecimal * ratioTwo).toFixed(2)
              }
              if (basicLowDecimal) {
                mInfo.lowDecimal = (basicLowDecimal * ratioTwo).toFixed(2)
              }
            }
            if (otherUnitThree && i === 3) {
              mInfo.commodityUnit = otherUnitThree
              if (basicPurchaseDecimal) {
                mInfo.purchaseDecimal = (basicPurchaseDecimal * ratioThree).toFixed(2)
              }
              if (basicCommodityDecimal) {
                mInfo.commodityDecimal = (basicCommodityDecimal * ratioThree).toFixed(2)
              }
              if (basicWholesaleDecimal) {
                mInfo.wholesaleDecimal = (basicWholesaleDecimal * ratioThree).toFixed(2)
              }
              if (basicLowDecimal) {
                mInfo.lowDecimal = (basicLowDecimal * ratioThree).toFixed(2)
              }
            }
          }
        }
        this.meTable.dataSource = mArr
      })
    },
    unitOnChange(e) {
      let isChecked = e.target.checked
      if (isChecked) {
        this.unitStatus = true
        this.manyUnitStatus = false
        this.unitChecked = true
      } else {
        this.unitStatus = false
        this.manyUnitStatus = true
        this.unitChecked = false
      }
    },
    addUnit() {
      this.$refs.unitModalForm.add()
      this.$refs.unitModalForm.title = '新增多单位'
      this.$refs.unitModalForm.disableSubmit = false
    },
    unitModalFormOk() {
      this.loadUnitListData()
    },
  },
}
</script>
<style scoped>
.input-table {
  max-width: 100%;
  min-width: 1200px;
}
.tag-info {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  width: 100%;
  padding: 0px 11px;
  color: #bbb;
  background-color: #ffffff;
}
</style>